<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>首页</title>
    <link rel="stylesheet" href="/css/base.css">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/css/swiper.min.css">
    <script src="/js/swiper.min.js"></script>
    <script src="/js/jquery-1.8.3.min.js"></script>
    <script src="/js/qrcode.js"></script>
</head>
<body>
    <header class="header">
        <div class="header-top">
            <div class="header-top__wrap">
                <div class="logo"><img src="/img/logo.png"></div>
                <div class="logo-txt"><img src="/img/logo-txt.png"></div>
                <div class="contact">
                    <p class="name">咨询热线：</p>
                    <p class="phone">400-026-2021</p>
                </div>
            </div>
        </div>
        <div class="header-menu">
            <div class="header-menu__wrap">
                <div class="header-menu__list">
                    <div class="header-menu__list-cell active">
                        <a href="/index.html">首页</a>
                    </div>
                    <div class="header-menu__list-cell">
                        <a href="/desc.html">产品介绍</a>
                    </div>
                    <div class="header-menu__list-cell">
                        <a>产品报价</a>
                        <div class="menu-fixed">
                            <div class="menu-fixed-list">
                                <a href="/quoted_transparent.html" class="menu-fixed-list-cell">透明膜</a>
                                <a href="/quoted_color.html" class="menu-fixed-list-cell">改色膜</a>
                                <a href="/quoted_sun.html" class="menu-fixed-list-cell">太阳膜</a>
                            </div>
                        </div>
                    </div>
                    <div class="header-menu__list-cell">
                        <a href="/example.html">案例展示</a>
                    </div>
                    <div class="header-menu__list-cell">
                        <a href="/service_login.html">服务商</a>
                    </div>
                    <div class="header-menu__list-cell">
                        <a href="/quailty.html">质保查询</a>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="home">
        <div class="banner">
            <div class="swiper-container swiper-container-detail_banner">
                <div class="swiper-wrapper swiper-wrapper-detail">
                    <div class="swiper-slide">
                        <img src="/img/home/banner.png" width="100%">
                    </div>
                    <div class="swiper-slide">
                        <img src="/img/home/banner.png" width="100%">
                    </div>
                    <div class="swiper-slide">
                        <img src="/img/home/banner.png" width="100%">
                    </div>
                </div>
                <div class="swiper-button-prev swiper-button"></div>
                <div class="swiper-button-next swiper-button"></div>
            </div>
        </div>
        <div class="nav">
            <div class="nav-list">
                <a href="/desc.html" class="nav-list-cell">
                    <div class="img"><img src="/img/home/nav-bg-1.png"></div>
                    <span class="icon"><img src="/img/home/icon-1.png"></span>
                    <p class="name">产品介绍</p>
                </a>
                <a href="/quoted_transparent.html" class="nav-list-cell">
                    <div class="img"><img src="/img/home/nav-bg-2.png"></div>
                    <span class="icon"><img src="/img/home/icon-2.png"></span>
                    <p class="name">产品报价</p>
                </a>
                <a href="/quailty.html" class="nav-list-cell">
                    <div class="img"><img src="/img/home/nav-bg-3.png"></div>
                    <span class="icon"><img src="/img/home/icon-3.png"></span>
                    <p class="name">质保查询</p>
                </a>
            </div>
        </div>
        <div class="example">
            <div class="bg"><img src="/img/home/example-bg.png" width="100%"></div>
            <div class="title-wrap">
                <div class="title">成功案例</div>
                <div class="sub-title">SUCCESSFUL CASES</div>
            </div>
            <div class="list">
                <a href="/example_detail.html" class="left">
                    <img src="/img/home/example-1.png">
                    <p class="name">阿斯顿马丁 DB11</p>
                </a>
                <div class="right">
                    <a href="/example_detail.html" class="right-list">
                        <img src="/img/home/example-2.png">
                        <p class="name">阿斯顿马丁 A7</p>
                    </a>
                    <a href="/example_detail.html" class="right-list">
                        <img src="/img/home/example-3.png">
                        <p class="name">宝马M3</p>
                    </a>
                    <a href="/example_detail.html" class="right-list">
                        <img src="/img/home/example-4.png">
                        <p class="name">保时捷 911</p>
                    </a>
                </div>
            </div>
        </div>
        <script>
            new Swiper('.swiper-container-detail_banner', {
                speed: 300,
                centeredSlides: true,
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
                autoplay: true,
                loop: true
            })
        </script>
    </div>
    <footer class="footer">
        <div class="footer-wrap">
            <div class="logo-wrap">
                <div class="logo"><img src="/img/logo-w.png"></div>
                <div class="logo-txt"><img src="/img/logo-txt-w.png"></div>
            </div>
            <div class="link-wrap">
                <a href="/quoted_transparent.html" class="link"> 产品报价</a>
                <span class="line">｜</span>
                <a href="/quailty.html" class="link">质保查询</a>
                <div class="share">
                    <span>分享：</span>
                    <span id="share-weibo" class="icon"><img src="/img/icon-share-1.png"></span>
                    <span id="share-wx" class="icon"><img src="/img/icon-share-2.png"></span>
                    <span id="share-qq" class="icon"><img src="/img/icon-share-3.png"></span>
                </div>
                <p class="copyright"> Copyright © 2019-2021 三摩, All Rights Reserved </p>
            </div>
            <div class="qrcode-wrap">
                <div class="img"><img src="/img/qrcode.png" alt=""></div>
                <p>扫一扫关注微信小程序</p>
            </div>
        </div>
        <div class="qrcode-wx" id="qrcode-wx" style="display: none;">
            <div class="title"><span>分享到微信朋友圈</span></div>
            <span class="close">+</span>
            <div id="qrcode-wx-img"></div>
            <div class="tip">打开微信“扫一扫”即可分享至朋友圈</div>
        </div>
        <script src="/js/share.js"></script>
    </footer>
</body>
</html>